@charset "utf-8";
/* CSS Document */

/* 初始化清理 */
html, body { width: 100%; height: 100%; user-select: text;}
body { margin:0; padding:0; font-family:'微软雅黑','宋体',arial; font-size:14px; color:#3c3c3c; background:#fff;}
a { text-decoration:none; color:#3c3c3c; outline:none;}
a:hover { color:#999999; text-decoration:none;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { outline:none; margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
caption, th { text-align:left; }

q:before, q:after { content:''; }
abbr, acronym { border:0; }

/* 定位类型 */
.posabs { position:absolute;}		/* 绝对位置 */
.posrel { position:relative;}		/* 相对位置 */
.posfix { position:fixed;}			/* 相对于浏览器窗口进行定位 */
.posstatic { position:static;}		/* 默认不定位 */
/* 文字修饰样式（是否下划线等） */
.blink { text-decoration:blink;}		/* 定义闪烁的文本 */
.through { text-decoration:line-through;}		/* 定义穿过文本的一条线 */
.overline { text-decoration:overline;}		/* 定义文本上的一条线 */
.tdu, .underline, .underline a, .underline a:hover { text-decoration:underline;}		/* 定义文本下的一条线 */
.tdn, .textnone, .textnone a, .textnone a:hover { text-decoration:none;}
/* 鼠标样式 */
.cura { cursor:auto;}				/* 浏览器设置的光标 */
.curp { cursor:pointer;}			/* 光标为手型 */
.curd { cursor:default;}			/* 光标为默认箭头 */
.curc { cursor:crosshair;}   		/* 光标为十字线 */
.curm { cursor:move;}				/* 此光标指示某对象可被移动 */
.curt { cursor:text;}				/* 此光标指示文本 */
.curw { cursor:wait;}				/* 此光标指示程序正忙（通常是一只表或沙漏） */
.curh { cursor:help;}				/* 此光标指示可用的帮助（通常是一个问号或一个气球） */
/* 字体颜色 */
.black { color:black;}
.blue { color:blue;}
.gray { color:gray;}
.green { color:green;}
.orange { color:orange;}
.red { color:red;}
.white { color:white;}
.yellow { color:yellow;}
.col0 { color:#000000;}
.col3 { color:#333333;}
.col4 { color:#444444;}
.col6 { color:#666666;}
.col9 { color:#999999;}
.col94 { color:#949494;}
.colc { color:#cccccc;}
.cold7 { color:#d7d7d7;}
.cold8 { color:#d8d8d8;}
.cole { color:#eeeeee;}
.colf { color:#ffffff;}
.colf0 { color:#f0f0f0;}
.colff0 { color:#ff0000;}
.colff60 { color:#ff6600;}
.col_danger { color: #F56C6C;}
.col_info { color: #909399;}
.col_success { color: #67C23A;}
.col_primary { color: #409EFF;}
.col_warning { color: #E6A23C;}
/* 清除浮动 */
.clearb { clear:both;}
.clearl { clear:left;}
.clearr { clear:right;}
.clearn { clear:none;}
/* 布局时元素生成的显示框类型 */
.db { display:block;}
.dn { display:none;}
.di { display:inline;}
.dib { display: inline-block;}
.df { display:flex;}
/* 字体大小 */
.f8 { font-size:8px;}
.f9 { font-size:9px;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f25 { font-size:25px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f40 { font-size:40px;}
.f50 { font-size:50px;}
.f60 { font-size:60px;}
.f80 { font-size:80px;}
/* 字体粗细 */
.fwb { font-weight:bold;}
.fwn { font-weight:normal;}
/* 字体倾斜 */
.fsi { font-style:italic;}
.fsn { font-style:normal;}
.fs0 { font-style:oblique;}
/* 字体 */
.ffs { font-family:"宋体";}
.ffw { font-family:"微软雅黑";}
.ffk { font-family:"楷体_GB2312";}
.ffl { font-family:"隶书";}
.ffb { font-family:"黑体";}
.ffh { font-family:"华文新魏";}
/* 字体显示样式 */
.fvn { font-variant:normal;}
.fvs { font-variant:small-caps;}
/* 文本显示方向 */
.dirleft { direction:ltr;}
.dirright { direction:rtl;}
/* 浮动 */
.fl { float:left;}
.fr { float:right;}
.fn { float:none;}
/* 列表样式 */
.listn { list-style:none;}				/* 无标记 */
.listcirc { list-style:circle;}			/* 标记是空心圆 */
.listdisc { list-style:disc;}			/* 默认。标记是实心圆 */
.listsqu { list-style:square;}			/* 标记是实心方块 */
.listdec { list-style:decimal;}			/* 标记是数字 */
.listdec0 { list-style:decimal-leading-zero;}		/* 0开头的数字标记 */
.listlrm { list-style:lower-roman;}		/* 小写罗马数字(i, ii, iii, iv, v, 等) */
.listurm { list-style:upper-roman;}		/* 大写罗马数字(I, II, III, IV, V, 等) */
.listlaph { list-style:lower-alpha;}	/* 小写英文字母 */
.listuaph { list-style:upper-alpha;}	/* 大写英文字母 */
/* 内容溢出元素 */
.overa { overflow:auto;}
.overh { overflow:hidden;}
.overs { overflow:scroll;}
.overv { overflow:visible;}		/* 默认值。内容不会被修剪，会呈现在元素框之 */
.overxa { overflow-x:auto;}
.overxh { overflow-x:hidden;}
.overxs { overflow-x:scroll;}
.overxv { overflow-x:visible;}
.overya { overflow-y:auto;}
.overyh { overflow-y:hidden;}
.overys { overflow-y:scroll;}
.overyv { overflow-y:visible;}
/* 设置元素的透明度 */
.opacity0 { opacity:0;}
.opacity1 { opacity:0.1;}
.opacity2 { opacity:0.2;}
.opacity3 { opacity:0.3;}
.opacity4 { opacity:0.4;}
.opacity5 { opacity:0.5;}
.opacity6 { opacity:0.6;}
.opacity7 { opacity:0.7;}
.opacity8 { opacity:0.8;}
.opacity9 { opacity:0.9;}
.opacity10 { opacity:1;}
/* 文字左右是否居中 */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
/* 字母大小写 */
.ttc { text-transform:capitalize;}			/* 文本中的每个单词以大写字母开头 */
.ttu { text-transform:uppercase;}			/* 定义仅有大写字母 */
.ttl { text-transform:lowercase;}			/* 定义仅有小写字母 */
/* 首行缩进（单位em） */
.tin1 { text-indent:1em;}
.tin2 { text-indent:2em;}
.tin3 { text-indent:3em;}
.tin4 { text-indent:4em;}
.tin5 { text-indent:5em;}
/* 文字间距 */
.lettern { letter-spacing:normal;}     /* 正常间距 */
/* 单词间距 */
.wordspace { word-spacing:normal;}	/* 正常单词间距 */
.wordbreakn { word-break:normal;}
.wordbreakba { word-break:break-all;}		/* 允许在单词内换行 */
.wordbreakbs { word-break:break-strict;}	
.wordbreakka { word-break:keep-all;}		/* 只能在半角空格或连字符处换行 */
.wordbreakl { word-break:loose;}
/* 垂直对齐 */
.vm { vertical-align:middle;}	/* 把此元素放置在父元素的中部 */
.vbtm { vertical-align:bottom;}	/* 把元素的顶端与行中最低的元素的顶端对齐 */
.vbase { vertical-align:baseline;}		/* 默认。元素放置在父元素的基线上 */
.vt { vertical-align:top;} 		/* 把元素的顶端与行中最高元素的顶端对齐 */
.vtb { vertical-align:text-bottom;}		/* 把元素的底端与父元素字体的底端对齐 */
.vtt { vertical-align:text-top;}		/* 把元素的顶端与父元素字体的顶端对齐 */
.vsub { vertical-align:sub;}	/* 垂直对齐文本的下标 */
.vsup { vertical-align:super;}	/* 垂直对齐文本的上标 */
/* 元素可见性 */
.vh { visibility:hidden;}		/* 元素隐藏 */
.vv { visibility:visible;}		/* 元素可见 */
/* 处理元素中的空白 */
.wsnormal { white-space:normal;}			/* 空白被浏览器忽略 */
.wsnowrap { white-space:nowrap;}			/* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止 */
.wspre { white-space:pre;}					/* 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 */
.wsprew { white-space:pre-wrap;}			/* 保留空白符序列，但是正常地进行换行。 */
.wsprel { white-space:pre-line;}			/* 合并空白符序列，但是保留换行符。 */
/* 所在层 */
.z-1 { z-index:-1;}
.z1 { z-index:1;}
.z10 { z-index:10;}
.z100 { z-index:100;}
.z1000 { z-index:1000;}
.z10000 { z-index:10000;}
/* 文字超出显示... */
.cut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 谷歌字体限制问题 */
.google { -webkit-text-size-adjust:none;}		/* 取消谷歌字体限制 */
/* 常用间距 */
.mrgl1 { margin-left: 1px !important;}
.mrgl2 { margin-left: 2px !important;}
.mrgl5 { margin-left: 5px !important;}
.mrgl10 { margin-left: 10px !important;}
.mrgl15 { margin-left: 15px !important;}
.mrgl20 { margin-left: 20px !important;}
.mrgl30 { margin-left: 30px !important;}
.mrgr1 { margin-right: 1px !important;}
.mrgr2 { margin-right: 2px !important;}
.mrgr5 { margin-right: 5px !important;}
.mrgr10 { margin-right: 10px !important;}
.mrgr15 { margin-right: 15px !important;}
.mrgr20 { margin-right: 20px !important;}
.mrgr30 { margin-right: 30px !important;}
.mrgt1 { margin-top: 1px !important;}
.mrgt2 { margin-top: 2px !important;}
.mrgt5 { margin-top: 5px !important;}
.mrgt10 { margin-top: 10px !important;}
.mrgt15 { margin-top: 15px !important;}
.mrgt20 { margin-top: 20px !important;}
.mrgt30 { margin-top: 30px !important;}
.mrgb1 { margin-bottom: 1px !important;}
.mrgb2 { margin-bottom: 2px !important;}
.mrgb5 { margin-bottom: 5px !important;}
.mrgb10 { margin-bottom: 10px !important;}
.mrgb15 { margin-bottom: 15px !important;}
.mrgb20 { margin-bottom: 20px !important;}
.mrgb30 { margin-bottom: 30px !important;}